$cBorder: #deefea;
$gridHeadHeight: 34px;
$dropHeight: 30px;
$cFont: #314159;

.k-grid {
  .k-filter-row {
    display: none;
  }
}

/** 过滤行样式**/
.k-grid.filterRow {
  .k-filter-row {
    display: table-row;
    background-color: #f5f6fa;
    .k-dropdown.k-header {
      &.k-dropdown-operator {
        .k-dropdown-wrap.k-state-default {
          background-color: #FAFAFA;
          border-color: #FAFAFA;
          .k-select {
            visibility: visible;
          }
        }
      }
      .k-dropdown-wrap.k-state-default {
        background-color: white;
        border-color: #F0F0F0;
        .k-select {
          visibility: hidden;
        }
      }
    }
    .k-button.k-button-icon {
      height: 37px;
    }

  }
}

/** 表格控件样式调整**/
.k-grid-content tr td {
  white-space: nowrap;
  label {
    font-size: 12px;
  }
}

.k-grid-header {
  tr[role='row'] {
    height: $gridHeadHeight;
    &:first-child th {
      vertical-align: inherit;
    }
    th.k-header{
      line-height: $gridHeadHeight - 1px;
      background-color: #f5f6fa;
    }
  }
  th.k-header {
    padding: 0;
    padding-left: 10px;
    & > .k-link {
      padding: 0;
      text-decoration: none;
    }
  }
}

.k-grid td {
  padding: 5px 0 5px 10px;
  font-size: 13px;
  font-family: Arial, Microsoft YaHei;
  color: $cFont;
  //火狐浏览器中absolute定位的元素（checkbox的label）仍会触发text-overflow的ellipsis，通过该样式避免
  &[align=center] {
    text-overflow: clip;
  }
}

.k-grid td.k-hierarchy-cell {
  padding-left: .643em;
}

.k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link,
.k-grid-header .k-header {
  color: #314159;
}

.k-grid-header th {
  &.k-header {
    font-weight: 600;
  }
  //IE浏览器表格header为两行时第一列会有一个点，用此样式避免
  &:first-child.k-header.k-hierarchy-cell {
    font-size: 0;
  }
}

//行展开中的表格pager无需绝对定位
.k-detail-cell .k-pager-wrap.k-grid-pager {
  position: relative
}

.k-pager-wrap {
  padding: 0;
  border: none;
  &.k-grid-pager {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}

/* 覆盖kendo-ui 表格详情展开箭头样式 */
.k-plus {
  background-position: 0 -208px;
}

/** 表格控件样式调整**/

/** 分组栏颜色 **/
.k-grouping-header {
  background-color: #fafafa;
}

.k-grouping-header .k-group-indicator, .k-pivot-toolbar .k-button {
  color: #fff;
  background-color: #1bb8e8;
  border-color: #0fb3e8;
}

.k-grid .k-grouping-header {
  color: #a8a8a8;
}

/** 分组栏颜色 **/

/** “没有数据”显示高度 **/
.k-grid-norecords {
  height: 99%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-treelist .k-status{
  height: calc(100% - 34px);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

/** “没有数据”显示高度 **/

.k-pager-numbers .k-state-selected {
  border-color: #3f51b5 transparent transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3654EF;
  font-weight: bold;
}

/** chart tooltip 位置 **/
.k-tooltip.k-chart-tooltip {
  margin-top: -91px;
  margin-left: -91px;
}

//checkbox样式修改

.k-checkbox:checked + .k-checkbox-label:before {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  content: '\e61c';
}

.k-checkbox:checked + .k-checkbox-label:active:after, .k-checkbox + .k-checkbox-label:active:after, .k-checkbox:focus + .k-checkbox-label:after {
  box-shadow: none;
}

.k-checkbox:checked + .k-checkbox-label:before {
  background-color: white;
  border-color: $cBorder;
  color: #00AAE8;
  font-weight: bold;
  line-height: 12px;
}

.k-checkbox-label:active:before {
  border-color: $cBorder;
}

.k-checkbox-label:hover:before, .k-checkbox:checked + .k-checkbox-label:hover:before, .k-checkbox-label:before {
  border-color: $cBorder;
}

.k-checkbox:focus + .k-checkbox-label:before {
  border-color: $cBorder;
}

.k-checkbox + .k-checkbox-label:after {
  top: -12px;
  left: -35px;
  width: 80px;
  height: 36px;
}

label {
  margin-bottom: 15px;
}

ul.k-list.k-reset {
  height: inherit;
}

/** window控件 **/
//修改tab标签下window遮罩层样式
.tab-pane {
  .k-overlay {
    position: absolute;
  }
}

.k-overlay {
  background-color: gray;
}

div.k-window {
  z-index: 10;
}

.k-window-titlebar.k-header {
  background-color: white;
  border-color: white;
}

.k-window-titlebar {
  .k-i-close {
    background-position: -32px -16px;
  }
  .k-state-hover {
    background-color: gray;
    border-color: gray;
  }
}

/** window控件 **/

//表格行鼠标选中、悬浮样式
.k-grid tr:hover {
  background: white;
}

.k-grid tr.k-state-selected {
  background-color: $cBorder !important;
  &:hover td {
    background-color: $cBorder;
  }
  & > td {
    border-color: $cBorder;
  }
}

//case:1112940 健康分析、网优分析中表格、自定义列字体颜色与用户管理中的不同，现以统一与用户管理一致
.k-master-row {
  td {
    font-family: Arial, Microsoft YaHei;
    color: $cFont;
  }
}

.k-popup.k-list-container{
  border: 1px solid #EEE;
}

//kendo treelist 表格样式
.k-grid.k-treelist {
  tbody td:first-child{
    text-overflow: clip;
  }
  .k-grid-header th.k-header:first-child{
    text-overflow: clip;
  }
}
